<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 1.引入Vue3源代码 -->
    <script src="https://unpkg.com/vue@3/dist/vue.global.js"></script>
    <!-- 2.准备容器 -->
    <div id="app">
        <!-- 4.渲染数据 -->
        {{msg}}
    </div>
    <div id="root">
    </div>
    <script>
        //  3.创建 Vue3 应用并提供数据 
        //console.log(Vue)
        //Vue3 代码的入口函数
        Vue.createApp({
            setup() {
                const msg = 'Hello World'
                return {
                    //这个是简写,因为属性名和属性值是一样的
                    msg
                    //完整写是这样
                    //msg:msg
                }
            }
        }).mount('#app')//把内容渲染到id=app的盒子;里
    </script>

</body>

</html>